*{margin: 0;padding: 0;}
#top_bg{
    width: 100%;
    background-color:#333;
    height: 40px;
}
.header-top{
    width: 1226px;
    margin:auto;
}
.header-top a{
    color:#B0B0B0;
}
.header-top>span>a:hover{color:#fff;}

.header-top{padding-top: 13px;}
.header-top>span:last-child{float:right;}
.body-top{
    position: relative;
    width: 1226px;
    height:100px;
    margin:auto;
}
.body-top>a>img{
    width: 55px;height: 55px;
    margin: 20px;
}
.body-top>ul{
    list-style: none;
    display: inline-block;
    margin-left: 110px;
}
.body-top>ul>li{
    float:left;
    margin-left:30px;
}
.my-search{
    float: right;
    margin:25px 20px 0 0 ;
}
.my-search>input{
    height: 50px;
    box-sizing: border-box;
}
.body-top>ul>li>a{
    color:#333333;
    line-height:100px;
}
.body-top a:hover{color:#FF6700;}
.body-top>ul>li>div>div{
    top: 0px;left: 0px;
    width: 100px;

    float: left;
    margin:40px;
}
.body-top>ul>li>div>div img{height: 90px;}
.body-top>ul>li>.li-hidden{
    position: absolute;
    left:0px; top:100px;
    width:100%;height:0;
    overflow: hidden;
    z-index:1000;
    background:white;
    transition: all 0.5s linear;
}

ul>li>div>div{
    text-align: center;
}
.body-top li:hover .li-hidden{
    height: 210px;
    border-top:  1px solid #B0B0B0;
}
/* 购物车 */

.head-right>a:last-child{
    position: relative;
    display: inline-block;
    width:100px;
    height:40px;
}
.head-right>div{
    overflow: hidden;
    width: 770px;
    text-align: left;
    position: fixed;
    top:50%;left:50%;
    margin-left: -385px;
    background:#fff;
    box-shadow:2px 2px 5px #333333;
    color:#000;
    z-index: 1000;
    table-layout:fixed;
}
.head-right>div img{
    width: 40px;
}
.head-right>div>ul>li>span,.head-right>a>div>p>span{  
    display: inline-block;
    text-align: center;
    word-break:keep-all;/* 不换行 */  
    white-space:nowrap;/* 不换行 */  
    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */  
    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/  
}  
.head-right>div>ul>li>span>span{
    display: inline-block;
}
.head-right>div>p{
    display: flex;
    justify-content:space-around;
    height:50px;
    line-height: 50px;
    font-size: 15px;
    font-weight: bold;
    transition:all 1.5s inline;
}
.show{
    transform: translateX(1338px);
}

/* 侧边栏 */
#fixed{
    position: fixed;
    right: 0;top:50%;
    margin-top:-225px;
}
#fixed>div{
    width: 82px;
    height:90px;
    margin:auto;
    border:1px solid #bfbfbf;
    text-align: center;
    border-radius: 3px;
}
#fixed>div>p{
    font-size: 13px;
}
#fixed>div img{
    width: 30px;
    margin-top:21px;
}